<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>日例会查看</title>

    <% include ../../layouts/import.ejs %>

</head>
<body>
<% include ../../layouts/header.ejs %>
<div class="index container weekly-body">

    <div class="we-title row">
        <h2 class="col-md-4">日例会查看</h2>
    </div>

    <div class="we-btns clearfix">
        <div class="pull-left we-datachoose we-btn">
            <input type="text" value="" id="dataChoose" placeholder="查询日期选择" class=" btn btn-primary ">
        </div>

        <!--<a href="javascript:void(0)" class="btn btn-danger pull-left we-btn " id="showGrap" onclick="showCont()">按指派人分组显示</a>-->

        <a href="/daily/dayReport/entry" class="pull-right">日例会录入</a>
    </div>

    <div class="we-pro-cont we-list-cont">
        <div class="panel panel-default">
            <div class="panel-heading">项目一</div>
            <div class="panel-body">
                <table class="table table-hover table-condensed ">
                    <thead>
                    <tr>
                        <th class="col-md-5">任务名称</th>
                        <th class="col-md-1">指派人</th>
                        <th class="col-md-1">创建人</th>
                        <th class="col-md-2">完成日期</th>
                        <th class="col-md-2">完成情况</th>
                        <th class="col-md-1">是否完成</th>
                    </tr>

                    </thead>
                    <tbody>
                    <tr>
                        <td>任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>
                        <td class="we-color">未完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>


                    </tbody>
                </table>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">项目二</div>
            <div class="panel-body">
                <table class="table table-hover table-condensed ">
                    <thead>
                    <tr>
                        <th class="col-md-5">任务名称</th>
                        <th class="col-md-1">指派人</th>
                        <th class="col-md-1">创建人</th>
                        <th class="col-md-2">完成日期</th>
                        <th class="col-md-2">完成情况</th>
                        <th class="col-md-1">是否完成</th>
                    </tr>

                    </thead>
                    <tbody>
                    <tr>
                        <td>任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>
                        <td class="we-color">未完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>


                    </tbody>
                </table>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">项目三</div>
            <div class="panel-body">
                <table class="table table-hover table-condensed ">
                    <thead>
                    <tr>
                        <th class="col-md-5">任务名称</th>
                        <th class="col-md-1">指派人</th>
                        <th class="col-md-1">创建人</th>
                        <th class="col-md-2">完成日期</th>
                        <th class="col-md-2">完成情况</th>
                        <th class="col-md-1">是否完成</th>
                    </tr>

                    </thead>
                    <tbody>
                    <tr>
                        <td>任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>
                        <td class="we-color">完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>张三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>


                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="we-people-cont we-list-cont" style="display: none">
        <div class="panel panel-default">
            <div class="panel-heading">张三</div>
            <div class="panel-body">
                <table class="table table-hover table-condensed ">
                    <thead>
                    <tr>
                        <th class="col-md-5">任务名称</th>
                        <th class="col-md-2">所属项目</th>
                        <th class="col-md-1">创建人</th>
                        <th class="col-md-1">完成日期</th>
                        <th class="col-md-2">完成情况</th>
                        <th class="col-md-1">是否完成</th>
                    </tr>

                    </thead>
                    <tbody>
                    <tr>
                        <td>任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一</td>
                        <td>项目一</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>
                        <td class="we-color">未完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>项目二</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>项目三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>


                    </tbody>
                </table>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">张三</div>
            <div class="panel-body">
                <table class="table table-hover table-condensed ">
                    <thead>
                    <tr>
                        <th class="col-md-5">任务名称</th>
                        <th class="col-md-2">所属项目</th>
                        <th class="col-md-1">创建人</th>
                        <th class="col-md-1">完成日期</th>
                        <th class="col-md-2">完成情况</th>
                        <th class="col-md-1">是否完成</th>
                    </tr>

                    </thead>
                    <tbody>
                    <tr>
                        <td>任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一</td>
                        <td>项目一</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>
                        <td class="we-color">未完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>项目二</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>项目三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>


                    </tbody>
                </table>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">张三</div>
            <div class="panel-body">
                <table class="table table-hover table-condensed ">
                    <thead>
                    <tr>
                        <th class="col-md-5">任务名称</th>
                        <th class="col-md-2">所属项目</th>
                        <th class="col-md-1">创建人</th>
                        <th class="col-md-1">完成日期</th>
                        <th class="col-md-2">完成情况</th>
                        <th class="col-md-1">是否完成</th>
                    </tr>

                    </thead>
                    <tbody>
                    <tr>
                        <td>任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一任务一</td>
                        <td>项目一</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>
                        <td class="we-color">未完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>项目二</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">完成</td>
                    </tr>
                    <tr>
                        <td>任务一</td>
                        <td>项目三</td>
                        <td>李四</td>
                        <td>2018-04-28</td>
                        <td>完成情况完成情况</td>

                        <td class="we-color">未完成</td>
                    </tr>


                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script>

    var grapShowNum = 0; //默认为按项目分组显示
    function showCont() {
        if (grapShowNum == "0") {
            grapShowNum = 1;
            $(".we-pro-cont").hide();
            $(".we-people-cont").show();
            console.log("1");
            $("#showGrap").removeClass("btn-danger").addClass("btn-info");
        } else {
            grapShowNum = 0;
            $(".we-pro-cont").show();
            $(".we-people-cont").hide();
            $("#showGrap").removeClass("btn-info").addClass("btn-danger");
        }
    }
    $(function () {
        $(".we-color").each(function () {
            var thisW = $(this).text();
            if (thisW == "未完成") {
                $(this).css("color", "#D9534F");
            } else {
                $(this).css("color", "#5CB85C");
            }
        });
    });
</script>
</body>
</html>